<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的世界</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        .parentDiv{
            width: 600px;
            height: 500px;
            position: relative;
        }
        .div1{
            position: absolute;
        }
        .div2{
            width: 450px;
            height: 300px;
            line-height: 220px;
            margin-left: 100px;
            margin-top: 50px;
            position: absolute;
        }
        .v1{
            width: 100px;
            height: 50px;
        }
        .v2{
            width: 100px;
            height: 50px;
        }
        .v3{
            width: 100px;
            height: 50px;
        }
        .v4{
            width: 100px;
            height: 50px;
        }

    </style>
</head>
<body>
<center>
    <div class="parentDiv">
        <div class="div1">
            <img src="home.jpg">
        </div>
        <div class="div2">
            <a href="/login.html"><input type="button" value="登入" class="v1"></a>
            <a href="/reg.html"><input type="button" value="注册" class="v2"></a>
            <a href="/userList"><input type="button" value="用户列表" class="v3"></a>
            <a href="/writeArticle.html"><input type="button" value="发表文章" class="v4"></a>
        </div>
    </div>
</center>
</body>
</html>